<!-- 授权书 -->
<template>
    <div class="agreement">
        <div class="h3">授权书</div>
        <div class="">
            常州思微科技有限公司
        </div>
        <div class="text">
            本人（ <span style="color: #A76E0A;">{{name}}</span>（姓名）／_<span style="color: #A76E0A;">{{idNo}}</span>_(身份证号码）)拟向贵司申请业务，贵司需要了解本人相关状况，用于查询大数据分析报告，因此本人特同意并不可撤销的授权：
        </div>
        <div class="text">
            （一）贵司向依法成立的第三方服务商（含其关联方，下同）提供因本业务产生的本人信息（包括但不限于本人在本业务中产生的行为及不良信息）。
        </div>
        <div class="text">
            （二）依法成立的第三方服务商查询或核实、搜集、保存、处理、共享、使用（含合法业务应用）本人相关数据，出具相关报告，且不再另行告知本人，但法律、法规、监管政策禁止的除外。
        </div>
        <div class="text">
            本人在此声明已充分理解上述授权条款含义，知晓并自愿承担上述因收集等本人数据可能会给本人的生活行为（评分）结果产生不利影响，以及该等数据被使用者依法提供给第三方后被他人不当利用的风险，但本人仍同意上述授权。
        </div>
        <br/>
        <div class="h5">
            特别提示：
        </div>
        <div class="text">
            为了保障您的合法权益，请您务必阅读并充分理解与遵守本授权书；若您不接受本授权书的任何条款，请您立即终止授权。贵司已经对上述事宜及其风险向本人做了充分说明，本人已知晓并同意。
        </div>
        <div class="text">
            本授权书一经本人在网上点击勾选同意即完成签署。本授权书是本人真实意思表示，本人同意承担由此带来的一切法律后果。
        </div>
        <br/>
        <div class="btmDate">
            本授权书于 <span style="color: #A76E0A;">{{year}}</span> 年 <span style="color: #A76E0A;">{{month}}</span> 月 <span style="color: #A76E0A;">{{day}}</span> 日生效
        </div>
    </div>
</template>

<script>
import { ref, reactive , getCurrentInstance } from 'vue'
export default {
    setup() {
        const { proxy } = getCurrentInstance();
        const name = decodeURI(proxy.getHashParam('name'));
        const idNo = proxy.getHashParam('idNo');
        const date = proxy.getHashParam('date');
        const year = date.split('-')[0]
        const month = date.split('-')[1]
        const day = date.split('-')[2]

        return {
            name,
            idNo,
            year,
            month,
            day,
        }
    }
}

</script>
<style scoped>
.agreement{
    padding: 0 15px 20px;
}
.h3{
    font-size: 20px;
    margin: 10px 0;
    text-align: center;
}
.agreement .h5{
    font-size: 18px;
}
.text{
    font-size: 16px;
    text-indent: 34px;
}
.btmDate{
    text-align: right;
}
</style>